import MainLayout from "../layouts/MainLayout";

function About() {
  return (
    <MainLayout>
      <div className="text-center space-y-6">
        <h1 className="text-4xl font-bold">About Us</h1>
        <p className="text-lg max-w-prose mx-auto">
          This is the About Page. Here you can learn more about our project and team
        </p>
        <img className="w-full max-w-md mx-auto rounded shadow-lg"
          src="https://via.placeholder.com/400"
          alt="About us"
        />
      </div>
    </MainLayout>
  );
}

export default About;
